// //var video = document.getElementsByName("video")[0];//dom
// var video = $("video").get(0); //获取元素对象：把jquery 对象转化 dom对象
// //时间函数
// function formatTime(time) {
//     console.log('格式化时间')
//     console.log(time)
//     var h = Math.floor(time / 3600); //每小时3600秒
//     var m = Math.floor(time % 3600 / 60); //取余运算获得是以秒为时间分钟
//     var s = Math.floor(time % 60) //秒
//     return (h < 10 ? "0" + h : h) + ":" + (m < 10 ? "0" + m : m) + ":" + (s < 10 ? "0" + s : s)
// }
// //1.显示时间：可以播放视频事件发生，绑定事件显示函数
// video.oncanplay = function() {
//         $("video").show(); //show是jquery方法
//         console.log(video.duration); //视频长度
//         var totalTime = formatTime(video.deuration);
//         console.log(totalTime);
//         // 让时间显示在网页中
//         $(".total").html(totalTime);
//     }
//     //2.播放暂停按钮的实现
// $(".switch").on("click", function() {
//     if ($this.hasClass("fa-play")) { //播放视频
//         video.play(); //播放
//         console.log('播放');
//         $(this).addClass('fa-pause').removeClass('fa-play');
//     } else {
//         video.pause(); //暂停播放
//         console.log('暂停')
//         $(this).addClass('fa-play').removeClass('fa-pause');
//     }
// })
// var video = document.grtElementsByTagName("video")[0]; //dom
var video = $("video").get(0);

// Time function
function formatTime(time) {
    var h = Math.floor(time / 3600); //hour
    var m = Math.floor(time % 3600 / 60); //min
    var s = Math.floor(time % 60); //s
    return (h < 10 ? "0" + h : h) + ":" + (m < 10 ? "0" + m : m) + ":" + (s < 10 ? "0" + s : s);

}

//Show Time
video.oncanplay = function() {
    $("video").show(); 
    console.log(video.duration);

    var totalTime = formatTime(video.duration);
    $(".total").html(totalTime)
}
$(".switch").on("click", function() {
    if ($(this).hasClass("fa-play")) {
        video.play();
        $(this).addClass('fa-pause').removeClass('fa-play');

    } else {
        video.pause();
        $(this).addClass('fa-play').removeClass('fa-pause');
    }
})